*{
    padding: 0;
    margin: 0;
}

/*最上面的头部*/

/*==logo===*/
.main-logo{
    width: 100%;
    height: 80px;
}
.main-logo .logo-a{
    text-decoration: none;

}
.logo-a>img{
    width: 10%;
    height: 60px;
    /* background-color: green;*/
    float: left;
    margin-left: 80px;
}

/*=====主体================*/
.main{
    width: 1100px;
    height: 1000px;
    /*text-align: center;*/
    margin: 0 auto;
    /*border: 1px solid lavender;*/
}
.cart-filter-bar{
    width: 1100px;
    height: 40px;
    background: #0aae64;
}
.cart-filter-bar-ul{
    list-style: none;
}
.cart-filter-bar-ul li{
    display: inline-block;
    float: left;

}
/*.cart-filter-bar-ul li  span{*/
/*text-align: center;*/
/*line-height: 40;*/
/*}*/
.product-title{
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: white;
    margin-left: 20px;
}
.product-num{
    display: inline-block;
    text-align: center;
    border: 1px solid whitesmoke;
    background: white;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    color: #0aae64;
    font-size: 13px;
}
.address{
    float: right;
    margin-top: 10px;
    margin-right: 50px;
}
.address-span{
    font-size: 18px;
    color: white;
}
.address-select{
    font-size: 14px;
    width: 150px;
    height: 20px;
    border: 1px solid lightgray;
    padding-left: 10px;
    outline: none;
    border-radius: 4px; /*圆角*/

}
.check-box-item{
    width: 340px;
    height: 100%;
    float: left;
    /*background-color: #773377;*/
}
.operation-item{
    width: 1100px;
    height: 50px;
    font-size: 14px;
    color: #666;
    line-height: 50px;
    border-bottom: 1px solid lightgray;
    background-color: #f3f3f3;
}
.check-box-item{
    width: 440px;
    height: 100%;
    float: left;
}
.product-price-item{
    width: 660px;
    height: 100%;
    float: right;
}
.check-box-item>input{
    margin-left: 10px;
}
.check-box-item>span{
    /*font-size: 10px;*/
    color: #666;
}
.check-box-item .span1{
    margin-left: 5px;
}
.check-box-item .span2{
    /* float: right;*/
    margin-left: 150px;
}
.product-price-item>span{
    color: #666;
    margin-left: 110px;
}

/*=========商品信息=============*/
.item-single{
    width: 1100px;
}
.product-rows{
    list-style: none;
}
/*====ul下面所有的li===*/
.product-rows li{
    width: 100%;
    height: 120px;
    /* border-bottom: 1px solid red;*/
}
.product-fist{
    display: flex;
    width: 1098px;
    height: 120px;
    border: 1px solid lightgray;
}
.select-product{

    width: 40px;
    height: 100%;
    /*  background-color: #5dd5c8;*/
}
.select-product>input{
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;

}
.product-messages{
    width: 440px;
    height: 100%;
}
.product-messages .photo{
    /*display: inline-block;*/
}
/* 商品 图片*/
.product-messages .photo>img{
    /* border: 1px solid red;*/
    width: 80px;
    height: 90px;
    line-height: 100px;
    vertical-align: middle;
    margin-top: 10px;
}
.product-messages .mess{
    display: inline-block;
    text-decoration: none;
    /* margin-top: 20px;*/

}
/*商品名字段的span标签*/
.product-name{
    display: inline-block;
    margin-left: 10px;
    width: 200px;
    height: 100%;
    font-size: 12px;
    color: #4e4e4e;

}
/*==========价格===============*/
.product-price{
    width: 100px;
    height: 120px;
    /*margin-top: 30px;*/
    line-height: 100px;
    margin-left: 50px;
    font-weight: lighter;
    /*background-color: red;*/
}
.product-price .amount-money{
    font-style: normal;
    font-size: 14px;
}

/*======数量 ===========*/
.product-amount{
    width: 150px;
    height: 120px;
    line-height: 100px;
    text-align: center;
    /*background-color: red;*/
    /* background-color: #00c65d;*/
}
.product-amount input[type = button]{

    height: 24px;
    border: 1px solid #cacbcb;
    /*border-right: 0;*/

    line-height: 18px;
    padding: 1px 0;
    width: 22px;


    margin: 0;
    background: #fff;

}
.product-amount input[type = text]{
    border: 1px solid #cacbcb;
    width: 22px;
    height: 22px;
    font-size: 12px;
    color: #333;

}
/*小计*/
.price-sum{
    width: 110px;
    height: 120px;
    margin-left: 25px;
    line-height: 100px;
    font-size: 14px;
    color: #8e8e8e;
    /* background-color: #3d444c;*/
}
/*操作 删除框*/
.operation-product{
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-left: 60px;
}
.operation-product a {
    text-decoration: none;
    height: 24px;
    color: #4e4e4e;
    line-height: 18px;
    width: 30px;
    display: block;
    border: none;
    background: white;
    font-size: 12px;
    outline: none;
}
.to-collect{
    margin-top: 30px;
    cursor: pointer;
    display: block;
    height: 60px;
    font-size: 12px;
    color: #4e4e4e;
}

.to-collect:hover{
    color: #0aae64;
}
/*========结算===============================*/
.options-box{

    width: 1100px;
    height: 60px;
    background: #f3f3f3;
    line-height: 60px;
}
.options-box .select-delete{
    display: flex;
    width: 600px;
    height: 50px;
    /*background-color: saddlebrown;*/
    float: left;
}
.select-delete>input{
    margin-left: 10px;
    margin-top: 22px;
}
.select-all{
    margin-left: 5px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}
.remove-batch ,.delete-all{
    font-size: 14px;
    margin-left: 20px;
    color: #666;
    cursor: pointer;
}

.remove-batch:hover{
    color: orangered;
}
.delete-all:hover{
    color: orangered;
}
/*==总金额===*/
.jiesuan{
    display: inline-block;
    width: 500px;
    height: 100%;
    float: right;
}
.amount-sum{
    font-size: 14px;
    color: #666;
    margin-left: 30px;

}

.amount-sum .amount{
    margin-left: 5px;
    margin-right: 5px;
    color: #f1542c;
    font-weight: bold;
    font-style: normal;
}

.amount-money{
    font-size: 16px;
    color: #f1542c;
    font-weight: bold;
    font-style: normal;

}
.submit-btn{
    float: right;
    width: 136px;
    height: 60px;
    background: #f1542c;
    color: white;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin-left: 32px;

}